import { Pen } from '@meta2d/core';
import dayjs from 'dayjs';

export enum GraphicsGroup {
  built,
  js,
  iconfont,
  svg,
}

export interface GraphicsGroupItem {
  order: number;
  key: string;
  show: boolean;
  type: GraphicsGroup;
  api?: string;
  assets_prefix?: string;
  list?: any[];
}
let pen_cur_timer: string | number | NodeJS.Timeout | null | undefined = null;
const STATIC_URL = import.meta.env.VITE_APP_STATIC_URL + '/static';
export const graphicsGroupArr: GraphicsGroupItem[] = JSON.parse(
  localStorage.getItem('graphicsGroupArr') || 'null',
) ?? [
  {
    order: 0,
    key: '基本形状',
    show: true,
    type: GraphicsGroup.built,
    list: [
      {
        name: '正方形',
        icon: 'l-rect',
        data: {
          width: 100,
          height: 100,
          name: 'square',
          text: '正方形',
          form: [
            {
              key: 'text',
              name: '文本',
              type: 'text',
            },
          ],
        },
        id: 1,
      },
      {
        name: '矩形',
        icon: 'l-rectangle',
        data: {
          width: 200,
          height: 50,
          name: 'rectangle',
          text: '矩形',
          form: [
            {
              key: 'text',
              name: '文本',
              type: 'text',
            },
          ],
        },
        id: 2,
      },
      {
        name: '圆',
        icon: 'l-circle',
        data: {
          width: 100,
          height: 100,
          name: 'circle',
          text: '圆',
          form: [
            {
              key: 'text',
              name: '文本',
              type: 'text',
            },
          ],
        },
        id: 3,
      },
      {
        name: '三角形',
        icon: 'l-triangle',
        data: {
          width: 100,
          height: 100,
          name: 'triangle',
          text: '三角形',
          textTop: 0.3,
          form: [
            {
              key: 'text',
              name: '文本',
              type: 'text',
            },
          ],
        },
        id: 4,
      },
      {
        name: '菱形',
        icon: 'l-diamond',
        data: {
          width: 100,
          height: 100,
          name: 'diamond',
          text: '菱形',
          form: [
            {
              key: 'text',
              name: '文本',
              type: 'text',
            },
          ],
        },
        id: 5,
      },
      {
        name: '五边形',
        icon: 'l-pentagon',
        data: {
          width: 100,
          height: 100,
          name: 'pentagon',
          text: '五边形',
          form: [
            {
              key: 'text',
              name: '文本',
              type: 'text',
            },
          ],
        },
        id: 6,
      },
      {
        name: '六边形',
        icon: 'l-hexagon',
        data: {
          width: 100,
          height: 100,
          name: 'hexagon',
          text: '六边形',
          form: [
            {
              key: 'text',
              name: '文本',
              type: 'text',
            },
          ],
        },
        id: 7,
      },
      {
        name: '五角星',
        icon: 'l-pentagram',
        data: {
          width: 100,
          height: 100,
          name: 'pentagram',
          text: '五角星',
          form: [
            {
              key: 'text',
              name: '文本',
              type: 'text',
            },
          ],
        },
        id: 8,
      },
      {
        name: '左箭头',
        icon: 'l-arrow-left',
        data: {
          width: 120,
          height: 60,
          name: 'leftArrow',
          text: '左箭头',
          form: [
            {
              key: 'text',
              name: '文本',
              type: 'text',
            },
          ],
        },
        id: 9,
      },
      {
        name: '右箭头',
        icon: 'l-arrow-right',
        data: {
          width: 120,
          height: 60,
          name: 'rightArrow',
          text: '右箭头',
          form: [
            {
              key: 'text',
              name: '文本',
              type: 'text',
            },
          ],
        },
        id: 10,
      },
      {
        name: '双向箭头',
        icon: 'l-twoway-arrow',
        data: {
          width: 150,
          height: 60,
          name: 'twowayArrow',
          text: '双向箭头',
          form: [
            {
              key: 'text',
              name: '文本',
              type: 'text',
            },
          ],
        },
        id: 11,
      },
      {
        name: '线段',
        icon: 'l-zhixian1',
        data: {
          width: 200,
          lineWidth: 0,
          height: 5,
          name: 'rectangle',
          background: '#fff',
        },
        id: 12,
      },
      {
        name: '云',
        icon: 'l-cloud',
        data: {
          width: 100,
          height: 100,
          name: 'cloud',
          text: '云',
          form: [
            {
              key: 'text',
              name: '文本',
              type: 'text',
            },
          ],
        },
        id: 13,
      },
      {
        name: '消息框',
        icon: 'l-msg',
        data: {
          textTop: -0.1,
          width: 100,
          height: 100,
          name: 'message',
          text: '消息框',
          form: [
            {
              key: 'text',
              name: '文本',
              type: 'text',
            },
          ],
        },
        id: 14,
      },
      {
        name: '文件',
        icon: 'l-file',
        data: {
          width: 80,
          height: 100,
          name: 'file',
          text: '文件',
          form: [
            {
              key: 'text',
              name: '文本',
              type: 'text',
            },
          ],
        },
        id: 15,
      },
      {
        name: '立方体',
        icon: 'l-cube',
        data: {
          width: 100,
          height: 100,
          name: 'cube',
          z: 0.25,
          form: [
            {
              key: 'z',
              name: 'Z',
              type: 'number',
              min: 0,
              placeholder: '<= 1 即宽度的比例',
            },
            {
              key: 'backgroundFront',
              name: '前背景色',
              type: 'color',
            },
            {
              key: 'backgroundUp',
              name: '顶背景色',
              type: 'color',
            },
            {
              key: 'backgroundRight',
              name: '右背景色',
              type: 'color',
            },
          ],
        },
        id: 16,
      },
      {
        name: '人',
        icon: 'l-people',
        data: {
          width: 70,
          height: 100,
          name: 'people',
        },
        id: 17,
      },
      {
        name: '文字',
        icon: 'l-text',
        data: {
          width: 200,
          height: 30,
          name: 'text',
          text: '文本框',
          form: [
            {
              key: 'text',
              name: '文本',
              type: 'text',
            },
          ],
        },
        id: 18,
      },
      {
        name: '图片',
        icon: 'l-tupian',
        data: {
          width: 93,
          height: 30,
          name: 'image',
          image: STATIC_URL + '/logo.png',
          form: [
            {
              key: 'image',
              name: '图片url',
              type: 'textarea',
            },
          ],
        },
        id: 19,
      },
      {
        name: '视频',
        icon: 'l-shipin',
        data: {
          width: 520,
          height: 335,
          name: 'video',
          video: 'http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4',
          form: [
            {
              key: 'video',
              name: '视频url',
              type: 'textarea',
            },
          ],
        },
        id: 20,
      },
      {
        name: '网页',
        icon: 'l-zhediemianban',
        data: {
          width: 520,
          height: 335,
          name: 'iframe',
          iframe: 'http://117.78.5.129/index.html',
          form: [
            {
              key: 'iframe',
              name: '网页url',
              type: 'textarea',
            },
          ],
        },
        id: 21,
      },
      {
        name: '图标',
        icon: 'l-tubiao',
        data: {
          width: 100,
          height: 100,
          name: 'image',
          iconFamily: 'ticon',
          iconColor: 'green',
          icon: unescape('%u' + 'e6fc'),
        },
        id: 22,
      },
    ],
  },
  {
    order: 89,
    key: '通用图标',
    show: true,
    type: GraphicsGroup.iconfont,
    api:
      STATIC_URL + '/icon/%E9%80%9A%E7%94%A8%E5%9B%BE%E6%A0%87/iconfont.json',
  },
  {
    order: 1,
    key: '表单',
    show: true,
    type: GraphicsGroup.built,
    list: [
      {
        name: '表格',
        icon: 'l-biaoge',
        data: {
          name: 'table2',
          width: 0,
          height: 0,
          disableAnchor: true,
          colWidth: 150,
          rowHeight: 40,
          form: [
            {
              key: 'data',
              name: '数据',
              type: 'code',
              language: 'json',
              isNotString: true,
            },
            {
              key: 'styles',
              name: '样式',
              type: 'code',
              language: 'json',
              isNotString: true,
            },
          ],
          data: [
            ['设备 ID', '设备名称', '数据协议', '状态', '操作'],
            ['1', '200', 'MQTT', '正在运行', {}],
            ['2', '湿度传感器', 'MQTT', '正在运行', {}],
            ['3', '物联网设备', 'MQTT', '正在运行', {}],
            ['4', '物联网设备/智能家居/智慧城市', 'MQTT', '正在运行', {}],
          ],
          styles: [
            {
              row: 1,
              col: 1,
              color: '#ff0000',
              background: '#ffff00',
              wheres: [
                {
                  comparison: '<=',
                  value: '123',
                },
              ],
            },
            {
              row: 0,
              height: 60,
            },
            {
              col: 4,
              width: 200,
              pens: [
                {
                  name: 'rectangle',
                  width: 50,
                  height: 20,
                  text: '编辑',
                  fontSize: 0.6,
                  disableAnchor: true,
                  activeBackground: '#40a9ff',
                  activeColor: '#40a9ff',
                  background: '#1890ff',
                  color: '#1890ff',
                  hoverBackground: '#40a9ff',
                  hoverColor: '#40a9ff',
                  textColor: '#ffffff',
                  hoverTextColor: '#ffffff',
                  activeTextColor: '#ffffff',
                  events: [
                    {
                      action: 5,
                      name: 'click',
                      value: 'alert("点击了编辑")',
                    },
                  ],
                },
                {
                  name: 'rectangle',
                  width: 80,
                  height: 20,
                  text: '实时数据',
                  fontSize: 0.6,
                  disableAnchor: true,
                  activeBackground: '#40a9ff',
                  activeColor: '#40a9ff',
                  background: '#1890ff',
                  color: '#1890ff',
                  hoverBackground: '#40a9ff',
                  hoverColor: '#40a9ff',
                  textColor: '#ffffff',
                  hoverTextColor: '#ffffff',
                  activeTextColor: '#ffffff',
                  events: [
                    {
                      action: 5,
                      name: 'click',
                      value:
                        'let parent = context.meta2d.findOne(pen.parentId);console.log("当前行数据:",parent.data[pen.row])',
                    },
                  ],
                },
              ],
            },
          ],
        },
        id: 23,
      },
      {
        name: '时间',
        icon: 'l-clock',
        data: {
          width: 300,
          height: 40,
          text: '当前时间',
          lineWidth: 0,
          color: '#fff',
          fillZero: true,
          onAdd: function (pen: Pen) {
            if (pen_cur_timer) {
              clearInterval(pen_cur_timer);
            }
            pen_cur_timer = setInterval(() => {
              window.meta2d.setValue({
                id: pen.id,
                text: dayjs().format('YYYY-MM-DD HH:mm:ss'),
              });
            }, 1000);
          },
          onDestroy: function () {
            if (pen_cur_timer) {
              clearInterval(pen_cur_timer);
            }
          },
          timeFormat: 'YYYY-MM-DD HH:mm:ss',
          form: [
            {
              key: 'timeFormat',
              name: '格式化',
              type: 'textarea',
              placeholder: '参考dayjs',
            },
          ],
        },
        id: 24,
      },
      {
        name: '单选框',
        icon: 'l-danxuankuang',
        data: {
          name: 'radio',
          width: 150,
          height: 100,
          direction: 'vertical',
          checked: '选项二',
          options: [
            {
              text: '选项一',
              background: '#ff0000',
            },
            {
              text: '选项二',
              background: '#00ff00',
            },
            {
              text: '选项三',
              background: '#0000ff',
            },
          ],
          form: [
            {
              key: 'optionInterval',
              name: '间距',
              type: 'number',
              min: 0,
            },
            {
              key: 'options',
              name: '选项',
              type: 'code',
            },
            {
              key: 'direction',
              name: '方向',
              type: 'select',
              options: [
                {
                  label: '垂直',
                  value: 'vertical',
                },
                {
                  label: '水平',
                  value: 'horizontal',
                },
              ],
            },
            {
              key: 'checked',
              name: '选中项',
              type: 'text',
            },
          ],
        },
        id: 25,
      },
      {
        name: '复选框',
        icon: 'l-xuanzeqi',
        data: {
          name: 'checkbox',
          width: 30,
          height: 30,
          checked: true,
          isForbidden: false,
          value: '选项一',
          form: [
            {
              key: 'checked',
              name: '选中',
              type: 'switch',
            },
            {
              key: 'isForbidden',
              name: '禁用',
              type: 'switch',
            },
            {
              key: 'value',
              name: '选项值',
              type: 'text',
            },
          ],
        },
        id: 26,
      },
      {
        name: '开关',
        icon: 'l-kaiguan',
        data: {
          name: 'switch',
          height: 30,
          width: 60,
          checked: false,
          offColor: '#BFBFBF',
          onColor: '#1890ff',
          disableOffColor: '#E5E5E5',
          disableOnColor: '#A3D3FF',
          form: [
            {
              key: 'checked',
              name: '开关状态',
              type: 'switch',
            },
          ],
        },
        id: 27,
      },
      {
        name: '滑动输入条',
        icon: 'l-huakuai',
        data: {
          name: 'slider',
          width: 300,
          height: 30,
          value: 10,
          textWidth: 50,
          barHeight: 4,
          min: 0,
          max: 100,
          color: '#1890ff',
          background: '#D4D6D9',
          textColor: '#222222',
          unit: '%',
          form: [
            {
              key: 'value',
              name: '进度值',
              type: 'number',
              min: 0,
              max: 100,
            },
            {
              key: 'unit',
              name: '显示单位',
              type: 'text',
            },
            {
              key: 'textColor',
              name: '文字颜色',
              type: 'color',
            },
          ],
        },
        id: 28,
      },
      {
        name: '按钮',
        icon: 'l-anniu',
        data: {
          name: 'rectangle',
          width: 80,
          height: 30,
          borderRadius: 0.2,
          text: '按钮',
          background: '#1890ff',
          color: '#1890ff',
          textColor: '#ffffff',
          activeBackground: '#40a9ff',
          activeColor: '#40a9ff',
          activeTextColor: '#ffffff',
          hoverBackground: '#40a9ff',
          hoverColor: '#40a9ff',
          hoverTextColor: '#ffffff',
        },
        id: 29,
      },
      {
        name: '输入框',
        icon: 'l-wenbenshurukuang',
        data: {
          height: 30,
          width: 200,
          input: true,
          name: 'rectangle',
          borderRadius: 0.05,
          ellipsis: true,
          text: '输入数据',
          textAlign: 'left',
          color: '#D9D9D9FF',
          textColor: '#fff',
          hoverTextColor: '#fff',
          activeTextColor: '#fff',
          textLeft: 10,
          form: [
            {
              key: 'text',
              name: '文本',
              type: 'text',
            },
          ],
        },
        id: 30,
      },
      {
        name: '选择器',
        icon: 'l-xialaxuanzekuang',
        data: {
          height: 30,
          width: 200,
          name: 'rectangle',
          borderRadius: 0.05,
          text: '选项1',
          textAlign: 'left',
          color: '#fff',
          textColor: '#fff',
          hoverTextColor: '#fff',
          activeTextColor: '#fff',
          textLeft: 10,
          disableAnchor: true,
          ellipsis: true,
          input: true,
          fontSize: 12,
          form: [
            {
              key: 'text',
              name: '选择项',
              type: 'text',
            },
            {
              key: 'dropdownList',
              name: '下拉项',
              type: 'code',
            },
          ],
          dropdownList: [
            {
              text: '选项1',
            },
            {
              text: '选项2',
            },
            {
              text: '选项3',
            },
          ],
        },
        id: 31,
      },
    ],
  },
  {
    order: 2,
    key: '脑图',
    show: true,
    type: GraphicsGroup.built,
    list: [
      {
        name: '主题',
        icon: 'l-zhuti',
        data: {
          text: '主题',
          width: 200,
          height: 50,
          name: 'mindNode',
          borderRadius: 0.5,
        },
        id: 71,
      },
      {
        name: '子主题',
        icon: 'l-zizhuti',
        data: {
          text: '子主题',
          width: 160,
          height: 40,
          name: 'mindLine',
        },
        id: 72,
      },
    ],
  },
  {
    order: 3,
    key: '流程图',
    show: true,
    type: GraphicsGroup.built,
    list: [
      {
        name: '开始/结束',
        icon: 'l-flow-start',
        data: {
          text: '开始/结束',
          width: 120,
          height: 40,
          borderRadius: 0.5,
          name: 'rectangle',
        },
        id: 32,
      },
      {
        name: '流程',
        icon: 'l-rectangle',
        data: {
          text: '流程',
          width: 120,
          height: 40,
          name: 'rectangle',
        },
        id: 33,
      },
      {
        name: '判定',
        icon: 'l-diamond',
        data: {
          text: '判定',
          width: 120,
          height: 60,
          name: 'diamond',
        },
        id: 34,
      },
      {
        name: '数据',
        icon: 'l-flow-data',
        data: {
          text: '数据',
          width: 120,
          height: 50,
          name: 'flowData',
          offsetX: 0.14,
        },
        id: 35,
      },
      {
        name: '准备',
        icon: 'l-flow-ready',
        data: {
          text: '准备',
          width: 120,
          height: 50,
          name: 'hexagon',
        },
        id: 36,
      },
      {
        name: '子流程',
        icon: 'l-flow-subprocess',
        data: {
          text: '子流程',
          width: 120,
          height: 50,
          name: 'flowSubprocess',
        },
        id: 37,
      },
      {
        name: '数据库',
        icon: 'l-db',
        data: {
          text: '数据库',
          width: 80,
          height: 120,
          name: 'flowDb',
        },
        id: 38,
      },
      {
        name: '文档',
        icon: 'l-flow-document',
        data: {
          text: '文档',
          width: 120,
          height: 100,
          name: 'flowDocument',
        },
        id: 39,
      },
      {
        name: '内部存储',
        icon: 'l-internal-storage',
        data: {
          text: '内部存储',
          width: 120,
          height: 80,
          name: 'flowInternalStorage',
        },
        id: 40,
      },
      {
        name: '外部存储',
        icon: 'l-extern-storage',
        data: {
          text: '外部存储',
          width: 120,
          height: 80,
          name: 'flowExternStorage',
        },
        id: 41,
      },
      {
        name: '队列',
        icon: 'l-flow-queue',
        data: {
          text: '队列',
          width: 100,
          height: 100,
          name: 'flowQueue',
        },
        id: 42,
      },
      {
        name: '手动输入',
        icon: 'l-flow-manually',
        data: {
          text: '手动输入',
          width: 120,
          height: 80,
          name: 'flowManually',
        },
        id: 43,
      },
      {
        name: '展示',
        icon: 'l-flow-display',
        data: {
          text: '展示',
          width: 120,
          height: 80,
          name: 'flowDisplay',
        },
        id: 44,
      },
      {
        name: '并行模式',
        icon: 'l-flow-parallel',
        data: {
          text: '并行模式',
          width: 120,
          height: 50,
          name: 'flowParallel',
        },
        id: 45,
      },
      {
        name: '注释',
        icon: 'l-flow-comment',
        data: {
          text: '注释',
          width: 100,
          height: 100,
          name: 'flowComment',
        },
        id: 46,
      },
    ],
  },
  {
    order: 4,
    key: '活动图',
    show: true,
    type: GraphicsGroup.built,
    list: [
      {
        name: '开始',
        icon: 'l-inital',
        data: {
          text: '',
          width: 30,
          height: 30,
          name: 'circle',
          background: '#555',
          lineWidth: 0,
        },
        id: 47,
      },
      {
        name: '结束',
        icon: 'l-final',
        data: {
          width: 30,
          height: 30,
          name: 'activityFinal',
        },
        id: 48,
      },
      {
        name: '活动',
        icon: 'l-action',
        data: {
          text: '活动',
          width: 120,
          height: 50,
          borderRadius: 0.25,
          name: 'rectangle',
        },
        id: 49,
      },
      {
        name: '决策/合并',
        icon: 'l-diamond',
        data: {
          text: '决策/合并',
          width: 120,
          height: 50,
          name: 'diamond',
        },
        id: 50,
      },
      {
        name: '垂直泳道',
        icon: 'l-swimlane-v',
        data: {
          text: '垂直泳道',
          width: 200,
          height: 500,
          name: 'swimlaneV',
          textBaseline: 'top',
          textTop: 20,
          lineTop: 0.08,
        },
        id: 51,
      },
      {
        name: '水平泳道',
        icon: 'l-swimlane-h',
        data: {
          text: '水平泳道',
          width: 500,
          height: 200,
          name: 'swimlaneH',
          textWidth: 0.01,
          textLeft: 0.04,
          textAlign: 'left',
          lineLeft: 0.08,
        },
        id: 52,
      },
      {
        name: '垂直分岔/汇合',
        icon: 'l-fork-v',
        data: {
          text: '垂直分岔/汇合',
          width: 10,
          height: 150,
          name: 'forkV',
          fillStyle: '#555',
          strokeStyle: 'transparent',
        },
        id: 53,
      },
      {
        name: '水平分岔/汇合',
        icon: 'l-fork',
        data: {
          text: '水平分岔/汇合',
          width: 150,
          height: 10,
          name: 'forkH',
          fillStyle: '#555',
          strokeStyle: 'transparent',
        },
        id: 54,
      },
    ],
  },
  {
    order: 5,
    key: '时序图和类图',
    show: true,
    type: GraphicsGroup.built,
    list: [
      {
        name: '生命线',
        icon: 'l-lifeline',
        data: {
          text: '生命线',
          width: 150,
          height: 400,
          textHeight: 50,
          name: 'lifeline',
        },
        id: 55,
      },
      {
        name: '激活',
        icon: 'l-focus',
        data: {
          text: '激活',
          width: 12,
          height: 200,
          name: 'sequenceFocus',
        },
        id: 56,
      },
      {
        name: '简单类',
        icon: 'l-simple-class',
        data: {
          text: 'Topolgoy',
          width: 270,
          height: 200,
          textHeight: 200,
          name: 'simpleClass',
          textAlign: 'center',
          textBaseline: 'top',
          textTop: 10,
          list: [
            {
              text: '- name: string\n+ setName(name: string): void',
            },
          ],
        },
        id: 57,
      },
      {
        name: '类',
        icon: 'l-class',
        data: {
          text: 'Topolgoy',
          width: 270,
          height: 200,
          textHeight: 200,
          name: 'interfaceClass',
          textAlign: 'center',
          textBaseline: 'top',
          textTop: 10,
          list: [
            {
              text: '- name: string',
            },
            {
              text: '+ setName(name: string): void',
            },
          ],
        },
        id: 58,
      },
    ],
  },
  {
    order: 6,
    key: 'Echarts图表',
    show: true,
    type: GraphicsGroup.built,
    list: [
      {
        name: '折线图',
        id: 78,
        icon: 'l-line-chart',
        data: {
          name: 'lineChart',
          x: 100,
          y: 100,
          width: 400,
          height: 300,
          form: [
            {
              key: 'dataY',
              name: '数据',
              type: 'text',
              readonly: true,
              placeholder: '仅绑定变量',
              multiple: true,
              isTime: false,
              isYCategory: false,
            },
            {
              key: 'echarts',
              name: 'echarts',
              type: 'code',
              language: 'json',
              isNotString: true,
            },
          ],
          echarts: {
            option: {
              color: [
                '#1890ff',
                '#2FC25B',
                '#FACC14',
                '#c23531',
                '#2f4554',
                '#61a0a8',
                '#d48265',
              ],
              xAxis: {
                type: 'category',
                data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
              },
              yAxis: {
                type: 'value',
              },
              series: [
                {
                  data: [820, 932, 901, 934, 1290, 1330, 1320],
                  type: 'line',
                },
              ],
            },
          },
        },
      },
      {
        name: '柱状图',
        id: 79,
        icon: 'l-bar-chart',
        data: {
          name: 'histogram',
          x: 100,
          y: 100,
          width: 400,
          height: 200,
          form: [
            {
              key: 'dataY',
              name: '数据',
              type: 'text',
              readonly: true,
              placeholder: '仅绑定变量',
              multiple: true,
              isTime: false,
              isYCategory: false,
            },
            {
              key: 'echarts',
              name: 'echarts',
              type: 'code',
              language: 'json',
              isNotString: true,
            },
          ],
          echarts: {
            option: {
              color: ['#1890ff'],
              xAxis: {
                type: 'category',
                data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
              },
              yAxis: {
                type: 'value',
              },
              series: [
                {
                  data: [120, 200, 150, 80, 70, 110, 130],
                  type: 'bar',
                },
              ],
            },
          },
        },
      },
      {
        name: '饼图',
        id: 80,
        icon: 'l-pie-chart',
        data: {
          name: 'pieChart',
          x: 100,
          y: 100,
          width: 400,
          height: 200,
          form: [
            {
              key: 'dataY',
              name: '数据',
              type: 'text',
              readonly: true,
              placeholder: '仅绑定变量',
              multiple: true,
              isTime: false,
              isYCategory: false,
            },
            {
              key: 'echarts',
              name: 'echarts',
              type: 'code',
              language: 'json',
              isNotString: true,
            },
          ],
          echarts: {
            option: {
              color: [
                '#1890ff',
                '#2FC25B',
                '#FACC14',
                '#c23531',
                '#2f4554',
                '#61a0a8',
                '#d48265',
                '#fc8452',
                '#9a60b4',
                '#ea7ccc',
              ],
              series: [
                {
                  radius: [0, '60%'],
                  label: {
                    position: 'inner',
                  },
                  labelLine: {
                    show: false,
                  },
                  data: [
                    {
                      value: 1548,
                      name: 'Search Engine',
                    },
                    {
                      value: 775,
                      name: 'Direct',
                    },
                    {
                      value: 679,
                      name: 'Marketing',
                      selected: true,
                    },
                  ],
                },
                {
                  radius: ['80%', '90%'],
                  data: [
                    {
                      value: 1048,
                      name: 'Baidu',
                    },
                    {
                      value: 335,
                      name: 'Direct',
                    },
                    {
                      value: 310,
                      name: 'Email',
                    },
                    {
                      value: 251,
                      name: 'Google',
                    },
                    {
                      value: 234,
                      name: 'Union Ads',
                    },
                    {
                      value: 147,
                      name: 'Bing',
                    },
                    {
                      value: 135,
                      name: 'Video Ads',
                    },
                    {
                      value: 102,
                      name: 'Others',
                    },
                  ],
                },
              ],
            },
          },
        },
      },
      {
        name: '仪表盘',
        id: 81,
        icon: 'l-yibiaopanbanpan',
        data: {
          name: 'gauge',
          x: 100,
          y: 100,
          width: 400,
          height: 400,
          form: [
            {
              key: 'dataY',
              name: '数据',
              type: 'text',
              readonly: true,
              placeholder: '仅绑定变量',
              multiple: true,
              isTime: false,
              isYCategory: false,
            },
            {
              key: 'echarts',
              name: 'echarts',
              type: 'code',
              language: 'json',
              isNotString: true,
            },
          ],
          echarts: {
            option: {
              series: [
                {
                  type: 'gauge',
                  axisLine: {
                    lineStyle: {
                      width: 30,
                      color: [
                        [0.3, '#67e0e3'],
                        [0.7, '#37a2da'],
                        [1, '#fd666d'],
                      ],
                    },
                  },
                  pointer: {
                    itemStyle: {
                      color: 'auto',
                    },
                  },
                  axisTick: {
                    distance: -30,
                    length: 8,
                    lineStyle: {
                      color: '#fff',
                      width: 2,
                    },
                  },
                  splitLine: {
                    distance: -30,
                    length: 30,
                    lineStyle: {
                      color: '#fff',
                      width: 4,
                    },
                  },
                  axisLabel: {
                    color: 'auto',
                    distance: 40,
                    fontSize: 20,
                  },
                  detail: {
                    valueAnimation: true,
                    formatter: '{value} km/h',
                    color: 'auto',
                  },
                  data: [
                    {
                      value: 70,
                    },
                  ],
                },
              ],
            },
          },
        },
      },
    ],
  },
  {
    order: 7,
    key: '内置图表',
    show: true,
    type: GraphicsGroup.built,
    list: [
      {
        name: '折线图',
        id: 73,
        icon: 'l-line-chart',
        data: {
          name: 'lineChart',
          x: 100,
          y: 100,
          width: 400,
          height: 200,
          chartsColor: [
            '#1890ff',
            '#2FC25B',
            '#FACC14',
            '#c23531',
            '#2f4554',
            '#61a0a8',
            '#d48265',
          ],
          xAxisData: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
          smooth: false,
          data: [
            [1820, 1932, 1901, 1934, 1990, 1830, 1920],
            [1710, 1932, 1901, 1834, 1700, 1830, 1720],
          ],
          form: [
            {
              key: 'xAxisData',
              name: 'x轴',
              type: 'code',
            },
            {
              key: 'data',
              name: '数据',
              type: 'code',
            },
            {
              key: 'chartsColor',
              name: '调色盘',
              type: 'code',
            },
            {
              key: 'smooth',
              name: '平滑曲线',
              type: 'switch',
            },
          ],
        },
      },
      {
        name: '柱状图',
        id: 74,
        icon: 'l-bar-chart',
        data: {
          name: 'histogram',
          x: 100,
          y: 100,
          width: 400,
          height: 200,
          disableAnchor: true,
          specialProp: 'charts',
          chartsColor: [
            '#1890ff',
            '#2FC25B',
            '#FACC14',
            '#c23531',
            '#2f4554',
            '#61a0a8',
            '#d48265',
          ],
          xAxisData: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
          data: [
            [120, 200, 150, 80, 70, 110, 130],
            [140, 250, 150, 80, 60, 10, 30],
            [40, 50, 180, 210, 60, 70, 30],
          ],
          form: [
            {
              key: 'xAxisData',
              name: 'x轴',
              type: 'code',
            },
            {
              key: 'data',
              name: '数据',
              type: 'code',
            },
            {
              key: 'chartsColor',
              name: '调色盘',
              type: 'code',
            },
          ],
        },
      },
      {
        name: '饼图',
        id: 75,
        icon: 'l-pie-chart',
        data: {
          name: 'pieChart',
          x: 100,
          y: 100,
          width: 400,
          height: 200,
          chartsColor: [
            '#1890ff',
            '#36CBCB',
            '#2FC25B',
            '#FACC14',
            '#F2637B',
            '#fc8452',
            '#9a60b4',
            '#ea7ccc',
          ],
          data: [
            [
              {
                value: 1048,
                name: 'Search Engine',
              },
              {
                value: 735,
                name: 'Direct',
              },
              {
                value: 580,
                name: 'Email',
              },
              {
                value: 484,
                name: 'Union Ads',
              },
              {
                value: 300,
                name: 'Video Ads',
              },
            ],
            [
              {
                value: 1548,
                name: 'Search',
              },
              {
                value: 775,
                name: 'Direct',
              },
              {
                value: 679,
                name: 'Market',
              },
            ],
          ],
          chartsRadius: [
            ['60%', '70%'],
            ['0%', '50%'],
          ],
          form: [
            {
              key: 'chartsRadius',
              name: '半径',
              type: 'code',
            },
            {
              key: 'data',
              name: '数据',
              type: 'code',
            },
            {
              key: 'chartsColor',
              name: '调色盘',
              type: 'code',
            },
          ],
        },
      },
      {
        name: '仪表盘',
        id: 76,
        icon: 'l-yibiaopanbanpan',
        data: {
          name: 'gauge',
          x: 100,
          y: 100,
          width: 400,
          height: 400,
          disableAnchor: true,
          value: 90,
          unit: 'm/s',
          axisLine: [
            [0.3, '#67e0e3'],
            [0.7, '#37a2da'],
            [1, '#fd666d'],
          ],
          animateCycle: 1,
          keepAnimateState: 0,
          form: [
            {
              key: 'startAngle',
              name: '起始角',
              type: 'number',
              placeholder: '默认225',
            },
            {
              key: 'endAngle',
              name: '结束角',
              type: 'number',
              placeholder: '默认-45',
            },
            {
              key: 'min',
              name: '最小值',
              type: 'number',
              placeholder: '默认0',
            },
            {
              key: 'max',
              name: '最大值',
              type: 'number',
              placeholder: '默认100',
            },
            { key: 'axisLine', name: '分段比例', type: 'number' },
            { key: 'unit', name: '单位', type: 'text' },
            { key: 'value', name: '当前值', type: 'number' },
            {
              key: 'splitNumber',
              name: '主等分线',
              type: 'number',
              placeholder: '默认10',
            },
            { key: 'isClock', name: '是否时钟', type: 'switch' },
          ],
        },
      },
      {
        name: '时钟',
        id: 77,
        icon: 'l-daojishi',
        data: {
          name: 'gauge',
          width: 200,
          height: 200,
          disableAnchor: true,
          isClock: true,
          startAngle: 90,
          endAngle: -270,
          min: 0,
          max: 12,
          splitNumber: 12,
          background: '#3A3A3A',
          color: '#C0911F',
        },
      },
    ],
  },
  {
    order: 8,
    key: '故障树',
    show: true,
    type: GraphicsGroup.built,
    list: [
      {
        name: '与门',
        icon: 'l-ANDmen',
        data: {
          name: 'andGate',
          width: 100,
          height: 150,
        },
        id: 59,
      },
      {
        name: '基本事件',
        icon: 'l-jibenshijian',
        data: {
          name: 'basicEvent',
          width: 100,
          height: 150,
        },
        id: 60,
      },
      {
        name: '未展开事件',
        icon: 'l-weizhankaishijian',
        data: {
          name: 'unexpandedEvent',
          width: 100,
          height: 150,
        },
        id: 61,
      },
      {
        name: '优先AND门',
        icon: 'l-youxianANDmen',
        data: {
          name: 'priorityAndGate',
          width: 100,
          height: 150,
        },
        id: 62,
      },
      {
        name: '禁止门',
        icon: 'l-jinzhimen',
        data: {
          name: 'forbiddenGate',
          width: 100,
          height: 150,
        },
        id: 63,
      },
      {
        name: '事件',
        icon: 'l-shijian',
        data: {
          name: 'event',
          width: 100,
          height: 150,
        },
        id: 64,
      },
      {
        name: '开关事件',
        icon: 'l-kaiguanshijian',
        data: {
          name: 'switchEvent',
          width: 100,
          height: 150,
        },
        id: 65,
      },
      {
        name: '条件事件',
        icon: 'l-tiaojianshijian',
        data: {
          name: 'conditionalEvent',
          width: 150,
          height: 100,
        },
        id: 66,
      },
      {
        name: '转移符号',
        icon: 'l-zhuanyifuhao',
        data: {
          name: 'transferSymbol',
          width: 100,
          height: 150,
        },
        id: 67,
      },
      {
        name: '或门',
        icon: 'l-ORmen',
        data: {
          name: 'orGate',
          width: 100,
          height: 150,
        },
        id: 68,
      },
      {
        name: '异或门',
        icon: 'l-yihuomen',
        data: {
          name: 'xorGate',
          width: 100,
          height: 150,
        },
        id: 69,
      },
      {
        name: '表决门',
        icon: 'l-biaojuemen',
        data: {
          name: 'votingGate',
          width: 100,
          height: 150,
        },
        id: 70,
      },
    ],
  },
  {
    order: 10,
    key: '箭头',
    show: true,
    type: 1,
    api: STATIC_URL + '/js_Primitives/%E7%AE%AD%E5%A4%B4.json',
  },
  {
    order: 11,
    key: '拓扑图未分类',
    show: true,
    type: 1,
    api:
      STATIC_URL +
      '/js_Primitives/%E6%8B%93%E6%89%91%E5%9B%BE%E6%9C%AA%E5%88%86%E7%B1%BB.json',
  },
  {
    order: 12,
    key: '云',
    show: true,
    type: 1,
    api: STATIC_URL + '/js_Primitives/%E4%BA%91.json',
  },
  {
    order: 13,
    key: '网络设备',
    show: true,
    type: 1,
    api:
      STATIC_URL + '/js_Primitives/%E7%BD%91%E7%BB%9C%E8%AE%BE%E5%A4%87.json',
  },
  {
    order: 14,
    key: '电子产品',
    show: true,
    type: 1,
    api:
      STATIC_URL + '/js_Primitives/%E7%94%B5%E5%AD%90%E4%BA%A7%E5%93%81.json',
  },
  {
    order: 15,
    key: '楼宇',
    show: true,
    type: 1,
    api: STATIC_URL + '/js_Primitives/%E6%A5%BC%E5%AE%87.json',
  },
  {
    order: 16,
    key: '物联网未分类',
    show: true,
    type: 1,
    api:
      STATIC_URL +
      '/js_Primitives/%E7%89%A9%E8%81%94%E7%BD%91%E6%9C%AA%E5%88%86%E7%B1%BB.json',
  },
  {
    order: 17,
    key: '逻辑门电路',
    show: true,
    type: 1,
    api:
      STATIC_URL +
      '/js_Primitives/%E9%80%BB%E8%BE%91%E9%97%A8%E7%94%B5%E8%B7%AF.json',
  },
  {
    order: 18,
    key: '电阻',
    show: true,
    type: 1,
    api: STATIC_URL + '/js_Primitives/%E7%94%B5%E9%98%BB.json',
  },
  {
    order: 19,
    key: '电容',
    show: true,
    type: 1,
    api: STATIC_URL + '/js_Primitives/%E7%94%B5%E5%AE%B9.json',
  },
  {
    order: 20,
    key: '电感',
    show: true,
    type: 1,
    api: STATIC_URL + '/js_Primitives/%E7%94%B5%E6%84%9F.json',
  },
  {
    order: 21,
    key: '开关、转换器',
    show: true,
    type: 1,
    api:
      STATIC_URL +
      '/js_Primitives/%E5%BC%80%E5%85%B3%E3%80%81%E8%BD%AC%E6%8D%A2%E5%99%A8.json',
  },
  {
    order: 22,
    key: '二极管',
    show: true,
    type: 1,
    api: STATIC_URL + '/js_Primitives/%E4%BA%8C%E6%9E%81%E7%AE%A1.json',
  },
  {
    order: 23,
    key: '信号源',
    show: true,
    type: 1,
    api: STATIC_URL + '/js_Primitives/%E4%BF%A1%E5%8F%B7%E6%BA%90.json',
  },
  {
    order: 24,
    key: '晶体管',
    show: true,
    type: 1,
    api: STATIC_URL + '/js_Primitives/%E6%99%B6%E4%BD%93%E7%AE%A1.json',
  },
  {
    order: 25,
    key: '仪表',
    show: true,
    type: 1,
    api: STATIC_URL + '/js_Primitives/%E4%BB%AA%E8%A1%A8.json',
  },
  {
    order: 26,
    key: '电子显示设备',
    show: true,
    type: 1,
    api:
      STATIC_URL +
      '/js_Primitives/%E7%94%B5%E5%AD%90%E6%98%BE%E7%A4%BA%E8%AE%BE%E5%A4%87.json',
  },
  {
    order: 27,
    key: '真空电子管',
    show: true,
    type: 1,
    api:
      STATIC_URL +
      '/js_Primitives/%E7%9C%9F%E7%A9%BA%E7%94%B5%E5%AD%90%E7%AE%A1.json',
  },
  {
    order: 28,
    key: '电子波形',
    show: true,
    type: 1,
    api:
      STATIC_URL + '/js_Primitives/%E7%94%B5%E5%AD%90%E6%B3%A2%E5%BD%A2.json',
  },
  {
    order: 29,
    key: '转动与机械设备',
    show: true,
    type: 1,
    api:
      STATIC_URL +
      '/js_Primitives/%E8%BD%AC%E5%8A%A8%E4%B8%8E%E6%9C%BA%E6%A2%B0%E8%AE%BE%E5%A4%87.json',
  },
  {
    order: 30,
    key: '电子逻辑计算器',
    show: true,
    type: 1,
    api:
      STATIC_URL +
      '/js_Primitives/%E7%94%B5%E5%AD%90%E9%80%BB%E8%BE%91%E8%AE%A1%E7%AE%97%E5%99%A8.json',
  },
  {
    order: 31,
    key: '电子传输/传播',
    show: true,
    type: 1,
    api:
      STATIC_URL + '/js_Primitives/%E7%94%B5%E5%AD%90%E4%BC%A0%E8%BE%93.json',
  },
  {
    order: 32,
    key: '电子未分类',
    show: true,
    type: 1,
    api:
      STATIC_URL +
      '/js_Primitives/%E7%94%B5%E5%AD%90%E6%9C%AA%E5%88%86%E7%B1%BB.json',
  },
  {
    order: 33,
    key: '液压符号',
    show: true,
    type: 1,
    api:
      STATIC_URL + '/js_Primitives/%E6%B6%B2%E5%8E%8B%E7%AC%A6%E5%8F%B7.json',
  },
  {
    order: 34,
    key: '工具',
    show: true,
    type: 1,
    api: STATIC_URL + '/js_Primitives/%E5%B7%A5%E5%85%B7.json',
  },
  {
    order: 88,
    key: '国家电网图元规范',
    show: true,
    type: GraphicsGroup.iconfont,
    api:
      STATIC_URL + '/icon/%E5%9B%BD%E5%AE%B6%E7%94%B5%E7%BD%91/iconfont.json',
  },
  {
    order: 89,
    key: '电气工程常用字母和符号',
    show: true,
    type: GraphicsGroup.iconfont,
    api:
      STATIC_URL + '/icon/%E7%94%B5%E6%B0%94%E5%B7%A5%E7%A8%8B/iconfont.json',
  },
  {
    order: 35,
    key: 'SVG国家电网',
    show: true,
    type: GraphicsGroup.svg,
    api: STATIC_URL + '/SVG%E5%9B%BD%E5%AE%B6%E7%94%B5%E7%BD%91/',
  },
  {
    order: 36,
    key: 'SVG电气工程',
    show: true,
    type: GraphicsGroup.svg,
    api: STATIC_URL + '/SVG%E7%94%B5%E6%B0%94%E5%B7%A5%E7%A8%8B/',
  },
  {
    order: 37,
    key: '2.5D-光伏系统',
    show: true,
    type: GraphicsGroup.svg,
    api: STATIC_URL + '/2.5D-%E5%85%89%E4%BC%8F%E7%B3%BB%E7%BB%9F/',
  },
  {
    order: 38,
    key: '2.5D-制冷站',
    show: true,
    type: GraphicsGroup.svg,
    api: STATIC_URL + '/2.5D-%E5%88%B6%E5%86%B7%E7%AB%99/',
  },
  {
    order: 39,
    key: '2.5D-废气治理',
    show: true,
    type: GraphicsGroup.svg,
    api: STATIC_URL + '/2.5D-%E5%BA%9F%E6%B0%94%E6%B2%BB%E7%90%86/',
  },
  {
    order: 40,
    key: '2.5D-废水处理',
    show: true,
    type: GraphicsGroup.svg,
    api: STATIC_URL + '/2.5D-%E5%BA%9F%E6%B0%B4%E5%A4%84%E7%90%86/',
  },
  {
    order: 41,
    key: '2.5D-智慧城市',
    show: true,
    type: GraphicsGroup.svg,
    api: STATIC_URL + '/2.5D-%E6%99%BA%E6%85%A7%E5%9F%8E%E5%B8%82/',
  },
  {
    order: 42,
    key: '2.5D-智慧港口',
    show: true,
    type: GraphicsGroup.svg,
    api: STATIC_URL + '/2.5D-%E6%99%BA%E6%85%A7%E6%B8%AF%E5%8F%A3/',
  },
  {
    order: 43,
    key: '2.5D-汽车制造',
    show: true,
    type: GraphicsGroup.svg,
    api: STATIC_URL + '/2.5D-%E6%B1%BD%E8%BD%A6%E5%88%B6%E9%80%A0/',
  },
  {
    order: 44,
    key: '2.5D-火力发电',
    show: true,
    type: GraphicsGroup.svg,
    api: STATIC_URL + '/2.5D-%E7%81%AB%E5%8A%9B%E5%8F%91%E7%94%B5/',
  },
  {
    order: 45,
    key: '2.5D-电信机房',
    show: true,
    type: GraphicsGroup.svg,
    api: STATIC_URL + '/2.5D-%E7%94%B5%E4%BF%A1%E6%9C%BA%E6%88%BF/',
  },
  {
    order: 46,
    key: '2.5D-矿山',
    show: true,
    type: GraphicsGroup.svg,
    api: STATIC_URL + '/2.5D-%E7%9F%BF%E5%B1%B1/',
  },
  {
    order: 47,
    key: '2.5D-采暖系统',
    show: true,
    type: GraphicsGroup.svg,
    api: STATIC_URL + '/2.5D-%E9%87%87%E6%9A%96%E7%B3%BB%E7%BB%9F/',
  },
  {
    order: 48,
    key: '2.5D-锅炉房',
    show: true,
    type: GraphicsGroup.svg,
    api: STATIC_URL + '/2.5D-%E9%94%85%E7%82%89%E6%88%BF/',
  },
  {
    order: 49,
    key: '2.5D-风力发电',
    show: true,
    type: GraphicsGroup.svg,
    api: STATIC_URL + '/2.5D-%E9%A3%8E%E5%8A%9B%E5%8F%91%E7%94%B5/',
  },
  {
    order: 50,
    key: 'City（城市）',
    show: true,
    type: GraphicsGroup.svg,
    api: STATIC_URL + '/City%EF%BC%88%E5%9F%8E%E5%B8%82%EF%BC%89/',
  },
  {
    order: 51,
    key: 'IoT-Blowers(鼓风机)',
    show: true,
    type: GraphicsGroup.svg,
    api: STATIC_URL + '/IoT-Blowers(%E9%BC%93%E9%A3%8E%E6%9C%BA)/',
  },
  {
    order: 52,
    key: 'IoT-Boilers(锅炉)',
    show: true,
    type: GraphicsGroup.svg,
    api: STATIC_URL + '/IoT-Boilers(%E9%94%85%E7%82%89)/',
  },
  {
    order: 53,
    key: 'IoT-CONTAINERS(容器)',
    show: true,
    type: GraphicsGroup.svg,
    api: STATIC_URL + '/IoT-CONTAINERS(%E5%AE%B9%E5%99%A8)/',
  },
  {
    order: 54,
    key: 'IoT-Chemical(化学)',
    show: true,
    type: GraphicsGroup.svg,
    api: STATIC_URL + '/IoT-Chemical(%E5%8C%96%E5%AD%A6)/',
  },
  {
    order: 55,
    key: 'IoT-Computer Keys(电脑按键)',
    show: true,
    type: GraphicsGroup.svg,
    api:
      STATIC_URL +
      '/IoT-Computer%20Keys(%E7%94%B5%E8%84%91%E6%8C%89%E9%94%AE)/',
  },
  {
    order: 56,
    key: 'IoT-Flow Meters(流量计)',
    show: true,
    type: GraphicsGroup.svg,
    api: STATIC_URL + '/IoT-Flow%20Meters(%E6%B5%81%E9%87%8F%E8%AE%A1)/',
  },
  {
    order: 57,
    key: 'IoT-Food(食品)',
    show: true,
    type: GraphicsGroup.svg,
    api: STATIC_URL + '/IoT-Food(%E9%A3%9F%E5%93%81)/',
  },
  {
    order: 58,
    key: 'IoT-HVAC(暖通空调)',
    show: true,
    type: GraphicsGroup.svg,
    api: STATIC_URL + '/IoT-HVAC(%E6%9A%96%E9%80%9A%E7%A9%BA%E8%B0%83)/',
  },
  {
    order: 59,
    key: 'IoT-Laboratory(实验室)',
    show: true,
    type: GraphicsGroup.svg,
    api: STATIC_URL + '/IoT-Laboratory(%E5%AE%9E%E9%AA%8C%E5%AE%A4)/',
  },
  {
    order: 60,
    key: 'IoT-MIXERS(搅拌器)',
    show: true,
    type: GraphicsGroup.svg,
    api: STATIC_URL + '/IoT-MIXERS(%E6%90%85%E6%8B%8C%E5%99%A8)/',
  },
  {
    order: 61,
    key: 'IoT-MNMS(移动网管域）',
    show: true,
    type: GraphicsGroup.svg,
    api:
      STATIC_URL +
      '/IoT-MNMS(%E7%A7%BB%E5%8A%A8%E7%BD%91%E7%AE%A1%E5%9F%9F%EF%BC%89/',
  },
  {
    order: 62,
    key: 'IoT-Material Handling（物料运输）',
    show: true,
    type: GraphicsGroup.svg,
    api:
      STATIC_URL +
      '/IoT-Material%20Handling%EF%BC%88%E7%89%A9%E6%96%99%E8%BF%90%E8%BE%93%EF%BC%89/',
  },
  {
    order: 63,
    key: 'IoT-Meter （仪表）',
    show: true,
    type: GraphicsGroup.svg,
    api: STATIC_URL + '/IoT-Meter%20%EF%BC%88%E4%BB%AA%E8%A1%A8%EF%BC%89/',
  },
  {
    order: 64,
    key: 'IoT-Motors(发动机)',
    show: true,
    type: GraphicsGroup.svg,
    api: STATIC_URL + '/IoT-Motors(%E5%8F%91%E5%8A%A8%E6%9C%BA)/',
  },
  {
    order: 65,
    key: 'IoT-Plant Facilities（工厂设施）',
    show: true,
    type: GraphicsGroup.svg,
    api:
      STATIC_URL +
      '/IoT-Plant%20Facilities%EF%BC%88%E5%B7%A5%E5%8E%82%E8%AE%BE%E6%96%BD%EF%BC%89/',
  },
  {
    order: 66,
    key: 'IoT-SAFETY(安全)',
    show: true,
    type: GraphicsGroup.svg,
    api: STATIC_URL + '/IoT-SAFETY(%E5%AE%89%E5%85%A8)/',
  },
  {
    order: 67,
    key: 'IoT-WIRE(电线电缆)',
    show: true,
    type: GraphicsGroup.svg,
    api: STATIC_URL + '/IoT-WIRE(%E7%94%B5%E7%BA%BF%E7%94%B5%E7%BC%86)/',
  },
  {
    order: 68,
    key: 'IoT-building（建筑）',
    show: true,
    type: GraphicsGroup.svg,
    api: STATIC_URL + '/IoT-building%EF%BC%88%E5%BB%BA%E7%AD%91%EF%BC%89/',
  },
  {
    order: 69,
    key: 'IoT-button(按钮)',
    show: true,
    type: GraphicsGroup.svg,
    api: STATIC_URL + '/IoT-button(%E6%8C%89%E9%92%AE)/',
  },
  {
    order: 70,
    key: 'IoT-light(灯)',
    show: true,
    type: GraphicsGroup.svg,
    api: STATIC_URL + '/IoT-light(%E7%81%AF)/',
  },
  {
    order: 71,
    key: 'IoT-logistics（物流）',
    show: true,
    type: GraphicsGroup.svg,
    api: STATIC_URL + '/IoT-logistics%EF%BC%88%E7%89%A9%E6%B5%81%EF%BC%89/',
  },
  {
    order: 72,
    key: 'IoT-machining(机器)',
    show: true,
    type: GraphicsGroup.svg,
    api: STATIC_URL + '/IoT-machining(%E6%9C%BA%E5%99%A8)/',
  },
  {
    order: 73,
    key: 'IoT-pipes（管道）',
    show: true,
    type: GraphicsGroup.svg,
    api: STATIC_URL + '/IoT-pipes%EF%BC%88%E7%AE%A1%E9%81%93%EF%BC%89/',
  },
  {
    order: 74,
    key: 'IoT-power(电源)',
    show: true,
    type: GraphicsGroup.svg,
    api: STATIC_URL + '/IoT-power(%E7%94%B5%E6%BA%90)/',
  },
  {
    order: 75,
    key: 'IoT-process cooling（制程冷却）',
    show: true,
    type: GraphicsGroup.svg,
    api:
      STATIC_URL +
      '/IoT-process%20cooling%EF%BC%88%E5%88%B6%E7%A8%8B%E5%86%B7%E5%8D%B4%EF%BC%89/',
  },
  {
    order: 76,
    key: 'IoT-process heating(制程加热)',
    show: true,
    type: GraphicsGroup.svg,
    api:
      STATIC_URL +
      '/IoT-process%20heating(%E5%88%B6%E7%A8%8B%E5%8A%A0%E7%83%AD)/',
  },
  {
    order: 77,
    key: 'IoT-pump（泵）',
    show: true,
    type: GraphicsGroup.svg,
    api: STATIC_URL + '/IoT-pump%EF%BC%88%E6%B3%B5%EF%BC%89/',
  },
  {
    order: 78,
    key: 'IoT-valve symbols（阀门符号）',
    show: true,
    type: GraphicsGroup.svg,
    api:
      STATIC_URL +
      '/IoT-valve%20symbols%EF%BC%88%E9%98%80%E9%97%A8%E7%AC%A6%E5%8F%B7%EF%BC%89/',
  },
  {
    order: 79,
    key: 'IoT-valve（阀门）',
    show: true,
    type: GraphicsGroup.svg,
    api: STATIC_URL + '/IoT-valve%EF%BC%88%E9%98%80%E9%97%A8%EF%BC%89/',
  },
  {
    order: 80,
    key: 'IoT-waste water treatment(废水处理)',
    show: true,
    type: GraphicsGroup.svg,
    api:
      STATIC_URL +
      '/IoT-waste%20water%20treatment(%E5%BA%9F%E6%B0%B4%E5%A4%84%E7%90%86)/',
  },
  {
    order: 81,
    key: 'IoT-water tank（水槽）',
    show: true,
    type: GraphicsGroup.svg,
    api: STATIC_URL + '/IoT-water%20tank%EF%BC%88%E6%B0%B4%E6%A7%BD%EF%BC%89/',
  },
  {
    order: 82,
    key: 'Room（房间）',
    show: true,
    type: GraphicsGroup.svg,
    api: STATIC_URL + '/Room%EF%BC%88%E6%88%BF%E9%97%B4%EF%BC%89/',
  },
  {
    order: 83,
    key: 'Weather(天气)',
    show: true,
    type: GraphicsGroup.svg,
    api: STATIC_URL + '/Weather(%E5%A4%A9%E6%B0%94)/',
  },
  {
    order: 84,
    key: '大屏可视化',
    show: true,
    type: GraphicsGroup.svg,
    api: STATIC_URL + '/%E5%A4%A7%E5%B1%8F%E5%8F%AF%E8%A7%86%E5%8C%96/',
  },
  {
    order: 85,
    key: '太阳能光伏发电',
    show: true,
    type: GraphicsGroup.svg,
    api:
      STATIC_URL +
      '/%E5%A4%AA%E9%98%B3%E8%83%BD%E5%85%89%E4%BC%8F%E5%8F%91%E7%94%B5/',
  },
  {
    order: 86,
    key: '轨道交通线路',
    show: true,
    type: GraphicsGroup.svg,
    api:
      STATIC_URL + '/%E8%BD%A8%E9%81%93%E4%BA%A4%E9%80%9A%E7%BA%BF%E8%B7%AF/',
  },
  {
    order: 87,
    key: '鞋子专属定制',
    show: true,
    type: GraphicsGroup.svg,
    api:
      STATIC_URL + '/%E9%9E%8B%E5%AD%90%E4%B8%93%E5%B1%9E%E5%AE%9A%E5%88%B6/',
  },
];
